import React from 'react'
import './index.css'
import { AntDesignOutlined } from '@ant-design/icons';
import { Avatar } from 'antd';
import { Form, Input, Uploader } from 'react-vant';
function Hand() {
    return (
        <div>
            <div className="toop">

            </div>
            <div className='big'>
                <div className="top">
                    <b>个人信息</b>
                    <dl>
                        <dt>
                            <Uploader maxCount={1}>
                                
                            </Uploader>
                        </dt>
                        <dd><span className='handspan'>上传新头像</span></dd>
                    </dl>
                    <p>
                        <Form.Item
                            label='用户昵称'
                        >
                            <Input readOnly defaultValue='赵' />
                            <span className='handspan'>编辑</span>
                        </Form.Item>
                    </p>
                    <p>
                        <Form.Item
                            label='用户id'
                        >
                            <Input readOnly defaultValue='98820980' />
                        </Form.Item>
                    </p>
                </div>
                <div className="cen">
                    <b>账号管理</b>
                    <p>
                        <Form.Item
                            label='手机号'
                        >
                            <Input readOnly defaultValue='未绑定' />
                            <span className='handspan'>绑定 &gt;</span>
                        </Form.Item>
                    </p>
                    <p>
                        <Form.Item
                            label='邮箱'
                        >
                            <Input readOnly defaultValue='未绑定' />
                            <span className='handspan'>绑定 &gt;</span>
                        </Form.Item>
                    </p>
                    <p>
                        <Form.Item
                            label='密码'
                        >
                            <Input readOnly defaultValue='未设置' />
                            <span className='handspan'>设置 &gt;</span>
                        </Form.Item>
                    </p>
                </div>
                <div className="btn">
                    <b>第三方账号管理</b>
                    <p>
                        <Form.Item
                            label='密码'
                        >
                            <Input readOnly defaultValue='微信账号' />
                            <span className='handspan'>绑定 &gt;</span>
                        </Form.Item>
                    </p>
                    <p>
                        <Form.Item
                            label='密码'
                        >
                            <Input readOnly defaultValue='企业微信账号' />
                            <span className='handspan'>绑定 &gt;</span>
                        </Form.Item>
                    </p>
                </div>
            </div>
        </div>
    )
}

export default Hand
